<template>
  <div class="tophead">
    <span>{{title}}</span>
    <div class="msk"></div>
  </div>
</template>

<script>
export default {
  props:{
    title:{
      type:String,
      default:'标题'
    }
  }
}
</script>

<style>
.tophead{
  position: relative;
  margin: 10PX 15px 0;
  line-height: 100px;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #f19f4a;
  border-radius: 4px;
  background:#4a444c url('~@/assets/img/top-bg.png') no-repeat center center / cover;
}
.tophead .msk{
  position: absolute;
  top: 0;
  width:100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0, 0, 0, .5);
}
</style>